<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">

    <ui:composition template="/plantillas/plantillaPrincipal.xhtml">
        <ui:define name="contenido">
            <f:view>
                <h:form id="formControlCobranza">
                    <p:panel header="Control Drawback" style="width:85%;margin: 10px auto;">

                        <p:panelGrid style="width:80%;margin: 10px auto;" id="panelDetalle">

                            <p:row>
                                <p:column>
                                    <h:outputText value="NRO FACTURA: " styleClass="lblForm" />
                                </p:column>
                                <p:column>
                                    <h:outputText value="#{BKControlDrawback.facturaSeleccionada.serieFactura}-#{BKControlDrawback.facturaSeleccionada.numFactura}" />
                                </p:column>
                            </p:row>
                            <p:row>
                                <p:column>
                                    <h:outputText value="VALOR FOB: " styleClass="lblForm" />
                                </p:column>
                                <p:column>
                                    <h:outputText value="#{BKControlDrawback.facturaSeleccionada.precioVenta}" />
                                </p:column>
                            </p:row>
                            <p:row>
                                <p:column>
                                    <h:outputText value="% DE DRAWBACK(*): " styleClass="lblForm" />
                                </p:column>
                                <p:column>
                                    <p:inputText id="txtPorcentaje" required="true"
                                                 value="#{BKControlDrawback.controlFormulario.porcentaje}" />
                                    <p:message for="txtPorcentaje" display="text" />
                                </p:column>
                            </p:row>
                            <p:row>
                                <p:column >
                                    <p:commandButton id="buCalcular" value="CALCULAR" update="txtMonto" 
                                                     actionListener="#{MBControlDrawback.calcular}" process="@this txtPorcentaje" />  
                                </p:column>
                            </p:row>
                            <p:row>
                                <p:column>
                                    <h:outputText value="IMPROTE A COBRAR: " styleClass="lblForm"  />
                                </p:column>
                                <p:column>
                                    <h:outputText value="#{BKControlDrawback.controlFormulario.monto}" id="txtMonto" >
                                        <f:convertNumber minFractionDigits="2" maxFractionDigits="2" />
                                    </h:outputText>
                                </p:column>
                            </p:row>
                            <p:row>
                                <p:column>
                                    <h:outputText value="ESTADO(*): " styleClass="lblForm" />
                                </p:column>
                                <p:column>
                                    <p:selectOneMenu id="cbxEstadoControl" style="size: 30px"
                                                     value="#{BKControlDrawback.controlFormulario.estadoControl}"
                                                     required="true">
                                        <f:selectItem itemLabel="Seleccionar" itemValue="" />
                                        <f:selectItems value="#{BKControlDrawback.estadoControl}"
                                                       var="estado" itemLabel="#{estado}"
                                                       itemValue="#{estado.charAt(0)}" />
                                    </p:selectOneMenu>
                                    <p:message for="cbxEstadoControl" display="text" />
                                </p:column>
                            </p:row>
                            <p:row>
                                <p:column>
                                    <h:outputText value="FECHA DE COBRANZA " styleClass="lblForm" />
                                </p:column>
                                <p:column>
                                    <p:calendar id="calendarFechaCobranza" 
                                                value="#{BKControlDrawback.controlFormulario.fechaCobranza}"
                                                pattern="dd/MM/yyyy" size="13"
                                                showButtonPanel="true" navigator="true" showOn="button"
                                                locale="es">
                                    </p:calendar>
                                </p:column>
                            </p:row>
                            <p:row>
                                <p:column>
                                    <h:outputText value="IMPORTE COBRADO: " styleClass="lblForm" />
                                </p:column>
                                <p:column>
                                    <p:inputText id="txtCobrado"
                                                 value="#{BKControlDrawback.controlFormulario.montoCobrado}" />
                                </p:column>
                            </p:row>
                            <p:row>
                                <p:column>
                                    <h:outputText value="Nº EXPEDIENTE: " styleClass="lblForm" />
                                </p:column>
                                <p:column>
                                    <p:inputText id="txtExpediente"
                                                 value="#{BKControlDrawback.controlFormulario.nroExpediendte}" />
                                </p:column>


                            </p:row>

                        </p:panelGrid>   

                        <p:panelGrid style="width:40%;margin: 10px auto;">

                            <p:row>
                                <p:column>
                                    <p:commandButton  action="#{BKControlDrawback.comando.aceptar()}" ajax="false" value="#{BKControlDrawback.comando.nombre}"/>
                                </p:column>
                                <p:column>
                                    <p:commandButton action="#{MBControlDrawback.cancelar()}" ajax="false" immediate="true" value="Cancelar"/>
                                </p:column>
                            </p:row>	

                        </p:panelGrid>
                    </p:panel>


                </h:form>
            </f:view>
        </ui:define>
    </ui:composition>
</html>   